import React, { useEffect, useState } from 'react'

import './full.scss'

interface Props {
  visible: Boolean
}

const full = (props: Props) => {
  return (
    <div className={`full-loading ${props.visible ? 'show' : 'hide'}`}>
      <div className="content">
        <img
          style={{ width: '100px' }}
          src="https://cdn.jsdelivr.net/gh/Redloney/CDN@1.2/static/gif/STRANGER.png"
          alt="loding..."
          className="icon"
        />
        <h2>加载中</h2>
      </div>
    </div>
  )
}

export default full
